<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>CSS动画效果</title>
        <style>
            a{
                display:block;
                width:50px;
                height:50px;
                position:fixed;
                top:50%;
                left:0;
                border:1px solid #ccc;
                text-decoration: none;
            }
            .move{border:1px solid #ccc;background-color:aqua;width:100px;height:100px;}
            .move:hover{
                transform:translate(300px,200px);
            }
        </style>
    </head>
    <body>
        <div class="move">
            测试
        </div>
        <a href="index.html">返回</a>
    </body>
</html>